<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>test</title>
    <script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
    <link rel="stylesheet" type="text/css" href="http://a.tbcdn.cn/apps/e/brix/1.0/brix-min.css">
    <link rel="stylesheet" type="text/css" href="index.css">
    <!-- // <script type="text/javascript" src="../assets/jquery-min.js"></script> -->
</head>
<body>
<div class="wrap clearfix">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <a id="J_on" href="#">clicl</a>
</div>



<script type="text/javascript" src="../jquery-2.0.3.js"></script>
<script>
(function($){
    $(document).on('click', 'li', function(){
        console.log(123);
    })
    $('#J_on').on('click',function(e){
        e.preventDefault();
        $('ul').append('<li>111</li>');
    })
})(jQuery)
</script>
</body>
</html>
